<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="_meta :: header">
    <title>编辑</title>
</head>
<body>
<div class="layui-fluid">
    <div class="layui-row">
        <form class="layui-form form form-horizontal" id="form-relation-edit" action="#"
              th:action="@{/admin/relation/edit}" th:object="${relation}" enctype="multipart/form-data">
            <input type="hidden" name="id" th:value="${relation.id}"/>

            <div class="layui-form-item">
                <label class="layui-form-label"><span
                            class="c-red">*</span>用户角色id：</label>
                    <div class="layui-input-inline">
                        <input type="text" class="layui-input" th:value="${relation.roleId}" name="roleId"  placeholder="修改用户角色id" id="roleId"/>

                        </div>
                        </div>
                        </div>

            <div class="layui-form-item">
                <label class="layui-form-label"><span
                            class="c-red">*</span>用户id(自己的用户ID)：</label>
                    <div class="layui-input-inline">
                        <input type="text" class="layui-input" th:value="${relation.userId}" name="userId"  placeholder="修改用户id(自己的用户ID)" id="userId"/>

                        </div>
                        </div>
                        </div>

            <div class="layui-form-item">
                <label class="layui-form-label"><span
                            class="c-red">*</span>父级用户id：</label>
                    <div class="layui-input-inline">
                        <input type="text" class="layui-input" th:value="${relation.parentId}" name="parentId"  placeholder="修改父级用户id" id="parentId"/>

                        </div>
                        </div>
                        </div>

                        <div class="layui-form-item">
                        <label class="layui-form-label">
                        </label>
                        <button  class="layui-btn" id="subbtn" type="submit" >
                        增加
                        </button>
                        <button  class="layui-btn" id="reset" type="reset" >
                        重置
                        </button>
                        </div>
                        </form>
                        </div>
                        </div>
<!--_footer 作为公共模版分离出去-->
<div th:replace="_footer :: footerjs"></div>
<div th:replace="_ueditor :: ueditor"></div>
<!--/_footer 作为公共模版分离出去-->
<!--请在下方写此页面业务相关的脚本-->
<script>
    layui.use(['form', 'layer','laydate'],function() {
        $ = layui.jquery;
        var form = layui.form,
            laydate = layui.laydate,
            layer = layui.layer;
        lay('.timeSpace').each(function(){
            laydate.render({
                elem: this
                ,trigger: 'click'
                ,type: 'datetime'
            });
        });
    });
    $(function () {
        $("#form-relation-edit").validate({
            rules: {
        roleId:
        {
            required: true,
        },
        userId:
        {
            required: true,
        },
        parentId:
        {
            required: true,
        },
    },
        onkeyup:false,
            debug
    :
        true,
            success
    :
        "valid",
            submitHandler
    :

        function (form) {
            $(form).ajaxSubmit({
                type: 'POST',
                url: "/admin/relation/edit",
                success: function (data) {
                    if (data.code == "1") {
                        selfmsg('编辑成功!', 1, function () {
                            var index = parent.layer.getFrameIndex(window.name);
                            parent.location.reload();
                            parent.layer.close(index);
                        });
                    } else {
                        selfmsg('编辑失败!');
                    }
                },
                error: function () {
                    selfmsg('编辑异常!', 5);
                }
            });
        }
    })
        ;
    });

</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>